<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="../../../lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="../../../static/h-ui.admin/css/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/Project.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/style-q.css" />
    <link rel="stylesheet" type="text/css" href="../../../ht-css/custom.css" />
    <title>锚点管理</title>
</head>
<body style="background-color: #FFFFFF">
<article class="page-container">
    <form  class="ml-20 mr-20" action="post">
        <div class="bg-1 pt-20">
            <table class="table table_li">
                <tbody>
                    <tr>
                        <td>
                            <div class="ml-10 clearfix">
                                <label class="f-l lh-26 w-200 text-r"><span class="c-red pr-5">*</span><span>锚点类型：</span></label>
                                <span class="select-box w-200 f-l size-M radius">
                                    <select id="productType" name="productType" class="select" required>
                                        <option value="">请选择锚点类型</option>
                                        <option value="10">商品品类</option>
                                        <option value="20">SPU</option>
                                    </select>
                                </span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="row ml-10 clearfix">
                                <label class="f-l w-200 text-r"><span><span class="c-red pr-5">*</span>锚点名称：</span></label>
                                <input id="sceneName" name="sceneName" maxlength="8" type="text" class="input-text f-l w-200 radius" placeholder="请输入标题 （标题限制8个字符）" onkeyup="value=value.replace(/[^a-zA-Z\u4e00-\u9fa5]/g,'') ">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="l">
                            <div class="row ml-10 clearfix">
                                <label class="f-l w-200 text-r"><span><span class="c-red pr-5">*</span>锚点位置：</span></label>
                                <input id="sceneLocation" name="sceneLocation"  type="text" class="input-text f-l w-200 radius" placeholder="请选择锚点位置" readonly>
                                <span style="color:blue;margin-left: 10px;cursor: pointer"  onclick="selectScene()">选择</span>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div  class="mb-50">
        <!--商品品类-->
        <div style="margin-left: 153px;margin-top: 20px;margin-bottom: 100px;display: none" id="categories">
                <div style="display: inline-block">请选择品类</div>
                <div style="display: inline-block;width: 100%;">
                    <div class="f-l category_select_box"></div>
                </div>
            </div>
        <!--SPU-->
        <div id="spu" class="HuiTab" style="display: none">
                <div class="tabBar clearfix" style="border-top:none">
                    <span onclick="noJoin()" class="current">商品列表</span>
                    <span onclick="join()">已选商品</span>
                </div>
            <!-- 未加入商品-->
                <div class="tabCon bk-gray bg-1 pt-20 pb-20" id="no_join_list" style="display: block">
                    <div class="pl-20" style="height:15px">
                        <div class="f-l category_select_box"></div>
                        <span class="select-box w-200 size-M radius ml-10">
                            <select id="state" class="select">
                                <option value="">状态</option>
                                <option value="1">上架</option>
                                <option value="2">下架</option>
                                <option value="0">未上架</option>
                            </select>
                        </span>
                    </div>
                    <div class="mt-10 pl-20 mt-40">
                        <input class="input-text w-200 radius" type="text" id="spuCode" value="" placeholder="请输入SPU码">
                        <input class="input-text w-200 ml-10 radius" type="text" id="skuCode" value="" placeholder="请输入Code码">
<!--                        <input class="input-text w-200 ml-10 radius" type="text" id="helpCode" value="" placeholder="请输入商品助记码">-->
                        <input class="input-text w-200 ml-10 radius" type="text" id="spuName" value="" placeholder="请输入商品名称">
                        <input class="input-text w-200 ml-10 radius" type="text" id="brand" value="" placeholder="请输入品牌关键字">
                        <input type="button" onclick="search()" class="btn btn-secondary size-S radius ml-20" value="查&nbsp;&nbsp;询">
                        <input type="button" onclick="resetTables()" class="btn size-S radius ml-10" value="重&nbsp;&nbsp;置">
                    </div>
                    <table class="table table-border table-bg table-hover table-sort mt-10 no-footer dataTable  mt-20" id="notJoinLists">
                        <thead>
                        <tr class="text-c">
                            <th width="50"><input type="checkbox" name="select_all" value="1" disabled></th>
                            <th width="100">SPU码</th>
                            <th width="200">图片</th>
                            <th width="150">商品名称</th>
                            <th width="150">副标题</th>
                            <th width="150">品牌</th>
                            <th width="50">SKU数量</th>
                            <th width="100">操作</th>
                        </tr>
                        </thead>
                        <tbody class="notJoinTables"></tbody>
                        <div class="load_img" style=" display: none;position: absolute;width: 89px;height: 90px;top:50%;left: 50%;transform: translate(-50%,-50%);">
                            <img src="../../../img/load.gif" alt="">
                        </div>
                    </table>
                    <div class="dataTables_wrapper goods_fanye clearfix mt-5">
                        <div class="f-r pageturning M-box3"></div>
                    </div>
                    <div class="mt-40"></div>
                    <div class="lh-26 pl-20 mt-20">
                        <input type="checkbox" onclick="selectAll()" name="checkbox" id="notJoinCheckAll">
                        <span>全选</span>
                        <input type="button" onclick="batchJoin()" class="btn btn-default size-S radius ml-10" value="批量加入">
                    </div>
                </div>
            <!--加入商品-->
                <div class="tabCon bk-gray bg-1 pt-20 pb-20" id="join_list" style="display: none">
                    <table id="joinLists" class="table table-border table-bg table-hover table-sort mt-10 no-footer dataTable  mt-20 text-c" style="table-layout:fixed" cellspacing="0" width="100%">
                        <thead>
                        <tr class="text-c">
                            <th width="50"><input type="checkbox" name="select_all" value="1" disabled></th>
                            <th width="100">SPU码</th>
                            <th width="200">图片</th>
                            <th width="150">商品名称</th>
                            <th width="150">副标题</th>
                            <th width="150">品牌</th>
                            <th width="50">SKU数量</th>
                            <th width="120">操作</th>
                        </tr>
                        </thead>
                        <tbody class="joinTables"></tbody>
                        <div class="load_img" style=" display: none;position: absolute;width: 89px;height: 90px;top:50%;left: 50%;transform: translate(-50%,-50%);">
                            <img src="../../../img/load.gif" alt="">
                        </div>
                    </table>
                    <div class="dataTables_wrapper goods_fanye clearfix mt-5">
                        <div class="f-r pageturning M-box4"></div>
                    </div>
                    <div class="lh-26 pl-20 mt-20">
                        <input type="checkbox"  onclick="selectAllJoin()" class="checkbox" id="joinCheckAll">
                        <span>全选</span>
                        <input type="button" onclick="cancelChecked()" class="btn btn-default size-S radius ml-10" value="批量取消">
                       <!-- <input type="button" onclick="cancelAll()" class="btn btn-default size-S radius ml-10" value="全部取消">-->
                    </div>
                </div>
            </div>
        <!--保存取消按钮-->
        <div class="mt-10 mt-50 mt-40 text-c">
            <input type="button" onclick="saveBtn()" class="btn btn-secondary size-S radius ml-20" value="保&nbsp;&nbsp;存">
            <input type="button" onclick="cancel()" class="btn size-S radius ml-10" value="取&nbsp;&nbsp;消">
        </div>
        </div>
    </form>
</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script>
<!--/_footer 作为公共模版分离出去-->
<!--表单验证-->
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../../ht-js/verifyToken.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../../lib/pagination/pagination.css">
<script src="../../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../../ht-js/commonJs/goodCategorySelect.js"></script>
<script src="../../ht-js/commonJs/goodCategorySelect.js?rev=4f53aa616e6ffba73ac10d1e5802d462"></script><!--四级品类联动-->
<script type="text/javascript" src="../../../ht-js/operation-js/scenarioPurchasing/sceneAnchorManagement.js"></script>
</body>
</html>